<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="div1" id="div1">我是div1</div>
		<div class="div1">我是div2</div>
		<div class="div2">我是div3</div>
		<p>我是p</p>
		<script>
			// 获取标签 ： 通过标签名 、 通过类名class 、通过id名 、通用方式
			// 获取js中的数据 -- 这个数据可以对应我指定标签 
			
			/* 通过标签名 ： 获取的是标签 集合  同时获取所有满足条件的标签  。需要通过索引号获取指定的标签之后才能正常使用*/
			// 获取第一个 div 和 p
			var div = document.getElementsByTagName("div")[0]  //第一个div
			var p = document.getElementsByTagName("p")[0] 		// 第一个p
			// console.log(div)
			// console.log(p)
			// var div3 = div[2]  // 第三个div 
			// var p1 = p[0] // 第一个p
			
			/* 通过类名获取 获取的也是集合，---需要索引号获取指定的标签*/
			var d1 = document.getElementsByClassName("div1")[0] // 第一个类名是div1
			var d2 = document.getElementsByClassName("div2")[0] // 第一个类名是div2
			console.log(d1)
			console.log(d2)
			
			/* 通过id获取标签  获取的数据直接表示标签*/
			var d3 = document.getElementById("div1")
			console.log(d3)
		</script>
	</body>
</html>
